<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js" ></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		// validate signup form on keyup and submit
	    jQuery("#register-consumer").validate({
	        rules: {
	            'data[username]': "required",
//	            'data[password]': {
//	                required: true,
//	                minlength: 6
//	            },
//	            'data[retype_password]': {
//	                equalTo: "#password"
//	            },
	            'data[email]': {
	                required: true,
	                email: true
	            },
	            'data[authentication_type]': "required",
	            'data[telephone_no]': {
	            	required: true
		        },
		        'data[retype_telephone_no]': {
		        	equalTo: "#telephone_no"
		        },
		        'data[ssn]': {
			        required: true,
			        number: true
		        },
		        'data[full_name]': {
			        required:true
		        },
		        'data[birthday]': "required",
		        'data[gender]': "required",
		        'data[address]': "required",
		        'data[postcode]': "required",
		        'data[city]': "required",
		        'data[nation]': "required",
		        'data[captcha]': "required"
	        },
	        messages: {
	            'data[username]': "",
//	            'data[password]': "",
//	            'data[retype_password]': "",
            	'data[email]': "",
	            'data[authentication_type]': "",
	            'data[telephone_no]': "",
	            'data[retype_telephone_no]': "",
	            'data[ssn]': "",
	            'data[full_name]': "",
	            'data[birthday]': "",
		        'data[gender]': "",
		        'data[address]': "",
		        'data[postcode]': "",
		        'data[city]': "",
		        'data[nation]': "",
		        'data[captcha]': ""
	        }
	    });
	});

	function submitForm() {

		if(!jQuery("#agree").attr('checked')) {
			alert("Bạn chưa đồng ý với thỏa thuận người dùng.");
		}
		else {
			jQuery("#register-consumer").submit();
		}
	}
	
</script>


<div id="content">
	<div id="register">
		<div id="title"><span class="yel">Thông tin ví điện tử cá nhân</span></div>
	</div>
	<div class="box-content">		
		<div class="box-content-square" style="padding-top:0;">
		<form name="register-consumer" id="register-consumer" method="post" action="">
			<div style="height: 10px;"></div>
<!--			<div id="step-flow">-->
<!--				<ul id="step-three">-->
<!--					<li class="active"><strong>1.</strong>&nbsp;&nbsp;Thông tin đăng ký </li>-->
<!--				</ul>-->
<!--			</div>-->
			
<!--			<div id="complaints-note">-->
<!--				<p><strong><u>Hướng dẫn</u></strong>: Để tạo tài khoản bạn hãy nhập thông tin cá nhân của bạn theo mẫu dưới. Thông tin cá nhân của bạn sẽ được ẩn trong tất cả các giao dịch.</p>-->
<!--				<p><strong><u>Bước tiếp theo</u></strong>: Bạn hãy xác thực lại thông tin đăng kí bằng cách nhập vào mã số xác thực được hệ thống gửi đến email hoặc SMS của bạn.</p>-->
<!--				<p><strong><u>Hoàn tất</u></strong>: Hệ thống sẽ gửi email hoặc SMS tới bạn để khẳng định bạn hoặc ai đó đã đăng kí tài khoản. Bạn tiếp tục nhập số thẻ ngân hàng và mã thẻ để hoàn tất. Sau khi hoàn tất bạn có thể dùng tài khoản BKPay để giao dịch tại các địa điểm hoặc website có hỗ trợ thanh toán thông qua BKPay.Vn.</p>-->
<!--			</div>-->
			
			{{if $registerMessage|@count > 0 && $registerMessage.success == true}}
				<div class="notification-success">
					{{$registerMessage.message}}
				</div>
			{{/if}}
			
			{{if $registerMessage|@count > 0 && $registerMessage.success == false}}
				<div class="notification-error">
					{{$registerMessage.message}}
				</div>
			{{/if}}
			
			<h4>Thông tin đăng nhập tài khoản </h4>
			<div class="frame_focus">
					<div class="table-box">
					<table width="880" border="0" cellspacing="5" cellpadding="0">
					  
					   <tr>
						<td width="200" align="right"><span class="required">*</span>Tên đăng nhập:</td>
						<td  class="blear"><input style="width:210px;" name="data[username]" id="username" type="text" value="{{$currentUser.username}}" readonly="readonly" /></td>
					  </tr>
					  
					  <tr>
						<td width="200" align="right"><span class="required">*</span>Mật khẩu mới:</td>
						<td  class="blear"><input style="width:210px;" name="data[password]" id="password" type="password" value=""  /></td>
					  </tr>
					  <tr>
						<td align="right"><span class="required">*</span>Nhập lại mật khẩu mới:</td>
						<td  class="blear"><input id="retype_password" name="data[retype_password]" style="width:210px;"  type="password" value=""  /></td>
					  </tr>
					  
					  <tr>
						<td width="200" align="right" ><span class="required">*</span>Địa chỉ Email:</td>
						<td class="blear"><input name="data[email]" id="email" type="text" value="{{$currentUser.email}}" readonly="readonly" /></td>
					  </tr>
<!--					  <tr>-->
<!--						<td align="right"><span class="required">*</span>Nhập lại địa chỉ Email:</td>-->
<!--						<td  class="blear"><input name="data[retype_email]" type="text" value="{{$currentUser.retype_email}}"  /></td>-->
<!--					  </tr>-->
					  
					</table>
				</div>
			</div>
			<h4>hình thức xác minh giao dịch mặc định</h4>
			<div class="frame_focus">
				<div class="table-box">
					<table width="880" border="0" cellspacing="5" cellpadding="0">
					  <tr>
						<td width="200" align="right"><span class="required">*</span>Chọn hình thức:</td>
						<td>
							<input class="otp-type" name="data[authentication_type]" type="radio" value="0" {{if $currentUser.authentication_type == 0 }} checked="checked" {{/if}}/><span class="otp-type" id="otp_mobile">SMS</span><br />
							<input class="otp-type" name="data[authentication_type]" type="radio" value="1" {{if $currentUser.authentication_type != 0 }} checked="checked" {{/if}} /><span class="otp-type" id="otp_email">Email</span><br />
							<p class="blear">Mỗi khi chuyển, rút tiền hoặc thay đổi thông tin tài khoản, BKPay.Vn gửi một mã bí mật đến SMS hoặc email mà bạn đã đăng ký để xác minh giao dịch. </p>
						</td>
					  </tr>
					</table>
				</div>
			</div>
            <div class="otp-type">
                <h4>Điện thoại di động</h4>
                <div class="frame_focus">
                    <div class="table-box">
                        <table width="880" border="0" cellspacing="5" cellpadding="0">
                          <tr>
                            <td width="200" align="right"><font color="#FF0000">* </font>Số điện thoại di động:</td>
                            <td  class="blear"><input name="data[telephone_no]" id="telephone_no" type="text" value="{{$currentUser.telephone_no}}" maxlength="11" readonly="readonly"/></td>
                          </tr>
<!--                          <tr>-->
<!--                            <td align="right"><font color="#FF0000">* </font>Xác nhận số điện thoại di động:</td>-->
<!--                            <td class="blear"><input name="data[retype_telephone_no]" id="retype_telephone_no" type="text" value="{{$currentUser.retype_telephone_no}}" maxlength="11"  /></td>-->
<!--                          </tr>-->
                        </table>
                    </div>
                </div>
            </div>

			<h4>THÔNG TIN CHỦ TÀI KHOẢN </h4>
			<div class="frame_focus">
				<div class="table-box">
					<table width="880" border="0" cellspacing="5" cellpadding="0">
					  <tr>
                        <td align="right"><span class="required">*</span>
                        	<span class="label">Số CMTND:</span>
<!--                        	<span class="label" style="display:none;">Số hộ chiếu:</span>-->
                        </td>
					    <td class="blear">
					    	<input name="data[ssn]" type="text" value="{{$currentUser.ssn}}"  />
					    </td>
				      </tr>
                      <tr>
						<td width="200" align="right"><span class="required">*</span>Họ tên đầy đủ:</td>
						<td class="blear">
							<input name="data[full_name]" type="text" value="{{$currentUser.full_name}}"  />
                        </td>
					  </tr>
					  <tr>
						<td align="right"><span class="required">*</span>Ngày tháng năm sinh:</td>
						<td class="blear">
							<input name="data[birthday]" type="text" value="{{$currentUser.birthday}}"  />
						</td>
					  </tr>
					  <tr>
						<td align="right"><span class="required">*</span>Giới tính:</td>
						<td class="blear">
							<select name="data[gender]" id="gender" style="width: 110px" >
								<option value="0" {{if $currentUser.gender == 0}} selected="selected" {{/if}}>Nam</option>
								<option value="1" {{if $currentUser.gender != 0}} selected="selected" {{/if}}>Nữ</option>
							</select>
						</td>
					  </tr>
					  <tr>
						<td align="right"><span class="required">*</span>Chỗ ở hiện tại:</td>
						<td class="blear"><input name="data[address]" type="text" value="{{$currentUser.address}}"   /></td>
					  </tr>
					  
					  <tr>
						<td align="right"><span class="required">*</span>Postcode:</td>
						<td class="blear"><input name="data[postcode]" type="text" value="{{$currentUser.postcode}}"   /></td>
					  </tr>
					  
					  <tr>
						<td align="right"><span class="required">*</span>Địa phương:</td>
						<td class="blear">
							<select name="data[city]" id="city" style="width: 130px" >
								{{foreach from=$allProvinces item=item}}
								<option value="1" {{if $currentUser.city == $item.list_id}}selected="selected"{{/if}}>{{$item.name}}</option>
								{{/foreach}}
							</select>
					  	</td>
					  </tr>
					  
					  <tr>
						<td align="right"><span class="required">*</span>Quốc gia:</td>
						<td class="blear"><input name="data[nation]" type="text" value="{{$currentUser.nation}}" /></td>
					  </tr>
					  
					  <tr>
						<td align="right"><span class="required">*</span>Số tài khoản:</td>
						<td class="blear"><input name="data[credit_number]" type="text" value="{{$currentUser.credit_number}}" readonly="readonly" /></td>
					  </tr>
					  
					</table>
				</div>
			</div>
			<h4>Xác nhận điều khoản sử dụng dịch vụ</h4>			
			<div class="table-box">
				<table width="880" border="0" cellspacing="5" cellpadding="0">
				  <tr>
					<td width="200" align="right"><span class="required">*</span>Nhập mã xác nhận:</td>
					<td><input name="data[captcha]" type="text" value="" style="width:80px;" /><img src="{{$LAYOUT_HELPER_URL}}front/captcha/create_image.php?r={{$randomNumber}}" id="verify_image" align="absmiddle" style="margin-left:10px;"></td>
				  </tr>			 
				</table>						
			</div>
            <div style="height:45px; background: #E2ECF1;">
            	<div style="float:left;padding-top: 10px;padding-left: 35px;line-height:25px;">
					<input name="agree" id="agree" type="checkbox" value="1" {{if 1 == $currentUser.approved}}checked="checked"{{/if}}  />
					<span style="font-weight:bold;">Tôi đã đọc kỹ và xin cam kết tuân thủ <a href="" target="_blank">Thỏa thuận người dùng</a> và <a href="" target="_blank">Hướng dẫn sử dụng</a> của BKPay.Vn</span>
				</div>
				
				<div style="float: left; padding-left: 20px; padding-top: 8px;">
					<a href="javascript:submitForm();" ><img src="{{$LAYOUT_HELPER_URL}}front/images/button_save.png" /></a>
				</div>
			</div>
			
		</form>		 
		</div>		
	</div>
</div>